<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" class="x-purpose window x-full-screen container-fluid main13" component="$UI/system/components/justep/window/window"
  design="device:mobile;" xid="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;left:152px;top:25px;"> 
    <div component="$UI/system/components/justep/data/data" autoLoad="true" xid="mainMenuData" idColumn="fID" onCustomRefresh="mainMenuDataCustomRefresh"> 
      <column label="id" name="fID" type="String" xid="default6"></column>
  <column label="标题" name="fTitle" type="String" xid="xid6"></column>
  <column label="图片" name="fImg" type="String" xid="xid7"></column>
  <column name="pID" type="String" xid="xid1"></column>
  <data xid="default1">[]</data></div>  
    <div component="$UI/system/components/justep/data/data" autoLoad="false" xid="childMenuData" idColumn="fID" onCustomRefresh="childMenuDataCustomRefresh"> 
      <column label="id" name="fID" type="String" xid="column2" />  
      <column label="父级ID" name="fOneID" type="String" xid="column3" />  
      <column label="标题" name="fTitle" type="String" xid="column1" />  
      <column label="图片" name="fImg" type="String" xid="xid8" /> 
    </div> </div><div component="$UI/system/components/bootstrap/row/row" class="row" xid="row4">
   <div class="col col-xs-12" xid="col9" style="background-color:#FF0000;"><div component="$UI/system/components/justep/titleBar/titleBar" class="x-titlebar clearfix" xid="titleBar1" style="background-color:#FF0000;" title="分类信息">
   <div class="x-titlebar-left" xid="left1"></div>
   <div class="x-titlebar-title" xid="title1">分类信息</div>
   <div class="x-titlebar-right reverse" xid="right1"></div></div></div>
   </div><div component="$UI/system/components/bootstrap/row/row" class="row clearfix absolute" xid="row1" style="height:100%;"> 
    <div class="col col-xs-3 panel" xid="col1" style="height:100%; overflow: auto;">
      <div component="$UI/system/components/justep/list/list" class="x-list" xid="mainMenu" data="mainMenuData" autoLoad="true" bind-click="mainMenuClick"> 
        <ul xid="listTemplateUl4" class="x-list-template"> 
          <li xid="li3" class="text-center panel-body" bind-css="{'x-active':val('fID')==data.val('fID')}"> 
            <div class="panel-heading" xid="div2"> 
              <img src="" alt="" class="img6" xid="image1" bind-attr-src=' $model.mainMenuData.val("fImg")' />  
              <div bind-text="ref('fTitle')" xid="div3" />
            </div> 
          </li> 
        </ul> 
      </div>
    </div>  
    <div class="col" xid="col4" style="height:100%; overflow: auto;">
      <div component="$UI/system/components/justep/list/list" class="x-list panel-body" xid="childMenu" data="childMenuData" autoLoad="false" bind-click="childMenuClick"> 
        <ul xid="listTemplateUl3" class="x-list-template"> 
          <li xid="li4" class="text-center x-block"> 
              
            
          <h5 xid="h52" bind-text="ref('fTitle')" class="text-white" /><img alt="" xid="image32" class="img-responsive img1" bind-attr-src=' $model.childMenuData.val("fImg")' /></li> 
        </ul> 
      </div>
    </div>
  </div>  
  
</div>
